1
00:00:01,410 --> 00:00:05,320
ตอนนี้มาใช้คุณสมบัติการเข้าสู่ระบบในที่สุด

2
00:00:05,320 --> 00:00:06,750
ของแอปพลิเคชันของเรา

3
00:00:06,750 --> 00:00:09,200
และนี่จะเป็นงานมาก

4
00:00:09,200 --> 00:00:11,313
มาเริ่มกันเลย

5
00:00:13,090 --> 00:00:16,933
และเริ่มต้นลองดูแอปพลิเคชันตัวอย่างของเรา

6
00:00:18,520 --> 00:00:20,870
ดังนั้นในกรณีนี้ที่นี่ในตอนแรก

7
00:00:20,870 --> 00:00:22,560
เรามองไม่เห็นอะไรเลย

8
00:00:22,560 --> 00:00:24,730
ดังนั้นจึงไม่มีผู้ใช้เข้าสู่ระบบ

9
00:00:24,730 --> 00:00:27,610
จากนั้นเราสามารถป้อนชื่อผู้ใช้

10
00:00:27,610 --> 00:00:29,740
และนี่คือชื่อผู้ใช้

11
00:00:29,740 --> 00:00:33,870
ที่เราคำนวณมาก่อนจำไว้แล้วพิน

12
00:00:33,870 --> 00:00:35,450
และถ้าถูกต้อง

13
00:00:35,450 --> 00:00:38,653
ดังนั้นหากพินที่สอดคล้องกับบัญชีนี้ถูกต้อง

14
00:00:39,550 --> 00:00:40,910
จากนั้นเราก็เข้าสู่ระบบ

15
00:00:40,910 --> 00:00:43,850
และนั่นจะเกิดขึ้นไม่ว่าเราจะคลิกที่ปุ่มนี้

16
00:00:43,850 --> 00:00:46,143
ที่นี่หรือกดปุ่ม Enter

17
00:00:47,150 --> 00:00:49,400
ดังนั้นทั้งหมดนี้จะปรากฏขึ้น

18
00:00:49,400 --> 00:00:51,923
ดังนั้นค่าทั้งหมดที่นี่จะถูกคำนวณ

19
00:00:53,040 --> 00:00:57,300
และใช่นั่นคือสิ่งสำคัญที่เราต้องทำ

20
00:00:57,300 --> 00:00:59,090
ในการบรรยายนี้

21
00:00:59,090 --> 00:01:01,650
และแน่นอนถ้ามีคนอื่นเข้าสู่ระบบ

22
00:01:01,650 --> 00:01:03,933
จากนั้นค่าข้อมูลจะปรากฏขึ้น

23
00:01:06,860 --> 00:01:11,860
แล้วลองดูที่ HTML ที่นี่ของแบบฟอร์มนี้

24
00:01:13,360 --> 00:01:15,910
ดังนั้นที่นี่เรามีองค์ประกอบแบบฟอร์ม

25
00:01:15,910 --> 00:01:18,090
และแบบฟอร์มนี้มีปุ่ม

26
00:01:18,090 --> 00:01:20,580
และมันก็อยู่ในปุ่มล็อกอินนี้

27
00:01:20,580 --> 00:01:23,930
ว่าเราจะแนบวิธีการฟังเหตุการณ์เพิ่ม

28
00:01:23,930 --> 00:01:27,470
จากนั้นสำหรับอินพุตชื่อผู้ใช้จะมา

29
00:01:27,470 --> 00:01:32,450
จากอันนี้ด้วยคลาสนี้เข้าสู่ระบบอินพุตเส้นประของผู้ใช้

30
00:01:32,450 --> 00:01:35,610
และพินจะมาจากอันนี้

31
00:01:35,610 --> 00:01:39,643
และเช่นเคยฉันได้เลือกทั้งหมดที่นี่แล้ว

32
00:01:41,180 --> 00:01:42,693
นี่คือปุ่มที่นี่

33
00:01:43,870 --> 00:01:48,870
จากนั้นเรามีอินพุตเข้าสู่ระบบในชื่อผู้ใช้และอินพุตเข้าสู่ระบบ PIN

34
00:01:49,110 --> 00:01:53,123
โอเคตอนนี้เรามาสร้างตัวจัดการกิจกรรมเหล่านี้กันเถอะ

35
00:01:54,780 --> 00:01:57,633
ดังนั้นตัวจัดการกิจกรรมที่นี่

36
00:01:59,400 --> 00:02:01,663
ดังนั้นปุ่มเข้าสู่ระบบ

37
00:02:04,500 --> 00:02:06,313
เพิ่มฟังเหตุการณ์

38
00:02:07,710 --> 00:02:11,000
สำหรับการคลิกและเช่นเคย

39
00:02:11,000 --> 00:02:13,490
ฟังก์ชั่นการโทรกลับของเรา

40
00:02:13,490 --> 00:02:17,463
และที่นี่เรามาดูการเข้าสู่ระบบคอนโซล

41
00:02:19,350 --> 00:02:22,890
โอเคและตอนนี้

42
00:02:22,890 --> 00:02:24,970
คุณเห็นว่าเกิดอะไรขึ้นที่นี่?

43
00:02:24,970 --> 00:02:28,793
ลองดูที่นี่อย่างใกล้ชิดจะเกิดอะไรขึ้นเมื่อเราคลิก

44
00:02:30,610 --> 00:02:33,680
ดังนั้นสำหรับแฟลชที่นั่นคุณเห็นการเข้าสู่ระบบ

45
00:02:33,680 --> 00:02:36,740
แล้วโหลดหน้าใหม่ใช่ไหม

46
00:02:36,740 --> 00:02:40,350
และนั่นเป็นเพราะนี่เป็นปุ่มในองค์ประกอบแบบฟอร์ม

47
00:02:40,350 --> 00:02:43,110
และใน HTML พฤติกรรมเริ่มต้น

48
00:02:43,110 --> 00:02:46,633
เมื่อเราคลิกปุ่มส่งจะต้องโหลดหน้าใหม่

49
00:02:47,520 --> 00:02:50,120
ดังนั้นเราต้องหยุดไม่ให้เกิดขึ้น

50
00:02:50,120 --> 00:02:53,080
และสำหรับสิ่งนั้นเราต้องให้ฟังก์ชั่นนี้จริง

51
00:02:53,080 --> 00:02:57,300
ที่นี่พารามิเตอร์เหตุการณ์และเรียกมันว่าเหตุการณ์

52
00:02:57,300 --> 00:03:01,090
และคุณรู้อยู่แล้วว่าฟังก์ชั่นการโทรกลับนี้ได้รับการเข้าถึงอย่างไร

53
00:03:01,090 --> 00:03:04,110
สำหรับวัตถุเหตุการณ์นี้จำได้ไหม?

54
00:03:04,110 --> 00:03:07,240
และในเหตุการณ์นั้นเราสามารถเรียกวิธีการ

55
00:03:07,240 --> 00:03:11,103
เรียกว่าการป้องกันเริ่มต้นเช่นนี้

56
00:03:12,110 --> 00:03:15,460
และอย่างที่ชื่อบอกว่าสิ่งนี้จะป้องกัน

57
00:03:15,460 --> 00:03:17,253
แบบฟอร์มนี้จากการส่ง

58
00:03:18,260 --> 00:03:22,273
ดังนั้นป้องกันไม่ให้แบบฟอร์มส่ง

59
00:03:24,210 --> 00:03:26,300
ลองทำอีกครั้ง

60
00:03:26,300 --> 00:03:30,980
และตอนนี้เราได้แก้ไขปัญหานั้นแล้วและเราสามารถเห็นการเข้าสู่ระบบ

61
00:03:30,980 --> 00:03:35,210
โอเคตอนนี้อีกสิ่งหนึ่งที่ยอดเยี่ยมเกี่ยวกับรูปแบบ

62
00:03:35,210 --> 00:03:37,550
คือเมื่อใดก็ตามที่เรามีหนึ่งในฟิลด์เหล่านี้ที่นี่

63
00:03:37,550 --> 00:03:40,690
ป้อนข้อมูลและเมื่อเรากด Enter

64
00:03:40,690 --> 00:03:44,380
เช่นนี้แล้วนั่นจะทริกเกอร์โดยอัตโนมัติ

65
00:03:44,380 --> 00:03:47,430
เหตุการณ์คลิกที่ปุ่มนี้

66
00:03:47,430 --> 00:03:51,800
โอเคดังนั้นการกดปุ่มเข้าสู่ฟิลด์นี้อีกครั้ง

67
00:03:51,800 --> 00:03:54,860
หรือในฟิลด์นี้เหมือนกับผู้ใช้

68
00:03:54,860 --> 00:03:56,750
คลิกที่นี่

69
00:03:56,750 --> 00:04:00,380
ดังนั้นทั้งสองสิ่งนี้จะทำให้เกิดเหตุการณ์คลิก

70
00:04:00,380 --> 00:04:03,010
ดังนั้นคุณจะเห็นว่าเมื่อฉันเข้าสู่ Enter,

71
00:04:03,010 --> 00:04:04,883
เราได้รับกิจกรรมคลิกมากขึ้นเรื่อย ๆ

72
00:04:05,740 --> 00:04:10,370
นั่นคือเหตุผลที่เราได้รับการล็อคเข้าสู่คอนโซล

73
00:04:10,370 --> 00:04:12,900
แต่ตอนนี้เรามาทำงานจริงกันเถอะ

74
00:04:12,900 --> 00:04:15,020
ดังนั้นเพื่อล็อคผู้ใช้จริงใน

75
00:04:15,020 --> 00:04:18,160
เราจำเป็นต้องค้นหาบัญชีจากอาร์เรย์บัญชี

76
00:04:18,160 --> 00:04:21,020
ด้วยชื่อผู้ใช้ที่ผู้ใช้ป้อนเข้า

77
00:04:21,020 --> 00:04:25,410
และนั่นคือที่ที่วิธีการค้นหาของเราเข้ามาเล่นอีกครั้ง

78
00:04:25,410 --> 00:04:28,193
ดังนั้นเราสามารถทำบัญชีค้นหา

79
00:04:29,750 --> 00:04:32,020
แล้วนี่ก็เหมือนกันกับที่เราทำ

80
00:04:32,020 --> 00:04:33,073
ในวิดีโอสุดท้าย

81
00:04:34,180 --> 00:04:39,180
ดังนั้นบัญชีเจ้าของควรจะเหมือนกับ

82
00:04:39,540 --> 00:04:42,300
ดังนั้นสามเท่ากับจริง

83
00:04:42,300 --> 00:04:44,450
และโปรดจำไว้ว่าเรามีค่านี้

84
00:04:44,450 --> 00:04:47,923
ที่อินพุตเข้าสู่ระบบในชื่อผู้ใช้

85
00:04:49,120 --> 00:04:52,930
โอเคนั่นคือองค์ประกอบนี้ที่นี่และจากนั้นจากที่นั่น

86
00:04:52,930 --> 00:04:56,950
เราต้องใช้คุณสมบัติมูลค่าจำได้ไหม?

87
00:04:56,950 --> 00:05:01,930
ดังนั้นเราจึงทำสิ่งนี้ที่นี่ฉันคิดว่าในเกม "เดาหมายเลขของฉัน"

88
00:05:01,930 --> 00:05:05,500
ที่ซึ่งเรายังอ่านค่าออกจากฟิลด์อินพุต

89
00:05:05,500 --> 00:05:07,193
และที่นี่นี่ก็เหมือนกัน

90
00:05:08,700 --> 00:05:12,160
ดังนั้นตอนนี้เรามาบันทึกสิ่งนี้ไว้ในตัวแปร

91
00:05:12,160 --> 00:05:15,890
ตอนนี้ตัวแปรนี้จำเป็นต้องกำหนดไว้ข้างนอก

92
00:05:15,890 --> 00:05:18,440
ของฟังก์ชั่นนี้โอเค?

93
00:05:18,440 --> 00:05:20,930
และนั่นเป็นเพราะเราต้องการข้อมูลนี้

94
00:05:20,930 --> 00:05:25,010
เกี่ยวกับบัญชีปัจจุบันในภายหลังในฟังก์ชั่นอื่น ๆ

95
00:05:25,010 --> 00:05:29,010
ดังนั้นจึงเป็นเรื่องดีที่มีข้อมูลสำคัญขนาดใหญ่นี้

96
00:05:29,010 --> 00:05:31,900
ด้านนอกของฟังก์ชั่นนี้เพื่อที่เราจะได้จดจำ

97
00:05:31,900 --> 00:05:35,030
สำหรับการกระทำอื่น ๆ ในแอปพลิเคชันของเรา

98
00:05:35,030 --> 00:05:37,473
ตัวอย่างเช่นเมื่อเราโอนเงินที่นี่

99
00:05:37,473 --> 00:05:40,610
จากนั้นเราจำเป็นต้องรู้ว่าบัญชีนั้นเงินนั้น

100
00:05:40,610 --> 00:05:41,860
ควรไปจริง

101
00:05:41,860 --> 00:05:45,633
และสำหรับสิ่งนั้นเราต้องการบัญชีปัจจุบัน

102
00:05:47,720 --> 00:05:51,660
บัญชีปัจจุบันและที่นี่เราเพิ่งกำหนดมัน

103
00:05:51,660 --> 00:05:53,323
และนั่นคือเหตุผลที่เราต้องปล่อยให้

104
00:05:54,190 --> 00:05:56,563
ดังนั้นที่นี่เรากำหนดให้กับค่านี้

105
00:05:57,710 --> 00:05:59,343
ดังนั้นบัญชีปัจจุบัน

106
00:06:02,440 --> 00:06:03,983
โอเคมาตรวจสอบกันเถอะ

107
00:06:08,100 --> 00:06:12,920
ดังนั้น JS และเราไม่ได้กำหนด

108
00:06:12,920 --> 00:06:15,010
ดังนั้นจึงมีปัญหาบางอย่างที่นี่

109
00:06:15,010 --> 00:06:18,310
และปัญหาก็คืออย่างที่ฉันเห็นทันที

110
00:06:18,310 --> 00:06:20,170
คือเรากำลังมองหาเจ้าของ

111
00:06:20,170 --> 00:06:22,940
แต่เราต้องมองหาชื่อผู้ใช้

112
00:06:22,940 --> 00:06:26,150
ดังนั้นเจ้าของคือชื่อทั้งหมด แต่เป็นคุณสมบัติชื่อผู้ใช้

113
00:06:26,150 --> 00:06:29,360
เป็นคุณสมบัติเหล่านี้ที่เราสร้างขึ้นก่อนหน้านี้

114
00:06:29,360 --> 00:06:31,693
ดังนั้นที่นี่ในฟังก์ชั่นนี้จำได้ไหม?

115
00:06:33,750 --> 00:06:37,530
ดังนั้นเราจำเป็นต้องเปรียบเทียบค่านี้ที่นี่ว่าผู้ใช้ป้อนข้อมูล

116
00:06:37,530 --> 00:06:39,363
แน่นอนชื่อผู้ใช้นั้น

117
00:06:40,480 --> 00:06:42,170
ลองอีกครั้ง

118
00:06:42,170 --> 00:06:44,100
และตอนนี้ที่นี่เราไปถึงวัตถุ

119
00:06:44,100 --> 00:06:47,280
ซึ่งมีชื่อผู้ใช้นี้อย่างแน่นอน

120
00:06:47,280 --> 00:06:51,823
เอาล่ะและอยู่ที่นี่วัตถุของฉันโดยทั่วไป

121
00:06:53,030 --> 00:06:57,330
เอาล่ะเรามีผู้ใช้

122
00:06:57,330 --> 00:06:59,360
ที่พยายามเข้าสู่ระบบ

123
00:06:59,360 --> 00:07:02,120
และตอนนี้ทั้งหมดที่เราต้องทำเพื่อล็อคจริง

124
00:07:02,120 --> 00:07:06,180
ผู้ใช้ในคือการตรวจสอบว่าพินถูกต้องหรือไม่

125
00:07:06,180 --> 00:07:08,480
ดังนั้นพินที่นี่ก็เหมือนรหัสผ่าน

126
00:07:08,480 --> 00:07:12,460
แต่สิ่งที่เรามักจะใช้เช่นในตู้เอทีเอ็ม

127
00:07:12,460 --> 00:07:15,700
ดังนั้นฉันจึงตัดสินใจที่จะไปกับที่นี่

128
00:07:15,700 --> 00:07:17,960
เพราะฉันคิดว่านี่ก็ดูเล็กน้อย

129
00:07:17,960 --> 00:07:20,140
เหมือนเครื่องเอทีเอ็มที่นี่

130
00:07:21,376 --> 00:07:23,626
งั้นมาทดสอบกันเถอะ

131
00:07:25,232 --> 00:07:27,399
ดังนั้นถ้า currentcount.pin,

132
00:07:30,280 --> 00:07:34,483
เท่ากับอินพุตเข้าสู่ระบบในพิน

133
00:07:35,400 --> 00:07:38,680
โอเคนั่นคือตัวแปรที่มีการเลือก

134
00:07:38,680 --> 00:07:40,270
ของการเลือกองค์ประกอบนี้

135
00:07:40,270 --> 00:07:43,920
แล้วอีกครั้งเราต้องใช้ค่า

136
00:07:43,920 --> 00:07:46,320
และในที่สุดเราก็ต้องแปลง

137
00:07:47,320 --> 00:07:50,100
นี่เป็นตัวเลข

138
00:07:50,100 --> 00:07:52,290
เพราะอย่างที่ฉันพูดถึงก่อนหน้านี้

139
00:07:52,290 --> 00:07:54,453
ค่านี้จะเป็นสตริงเสมอ

140
00:07:56,170 --> 00:07:59,330
เอาล่ะและที่นี่ก่อนที่เราจะทำอะไร

141
00:07:59,330 --> 00:08:03,890
มาล็อกอินอีกครั้งที่นี่เพื่อคอนโซล

142
00:08:03,890 --> 00:08:07,193
โอเคดังนั้น JS,

143
00:08:09,680 --> 00:08:11,023
และเราเข้าสู่ระบบ

144
00:08:11,870 --> 00:08:14,153
แต่ถ้าเราป้อน JS เท่านั้น

145
00:08:15,110 --> 00:08:17,860
จากนั้นเราก็จะได้รับวัตถุเอง

146
00:08:17,860 --> 00:08:21,563
แต่ไม่มีการลงชื่อเข้าใช้เพราะพินถูกต้อง

147
00:08:22,600 --> 00:08:25,190
และตอนนี้เรามาลองใช้ผู้ใช้รายอื่นกันเถอะ

148
00:08:25,190 --> 00:08:26,523
เพื่อดูว่าเกิดอะไรขึ้นที่นี่

149
00:08:28,060 --> 00:08:30,290
และเราได้รับข้อผิดพลาด

150
00:08:30,290 --> 00:08:34,780
ดังนั้นข้อผิดพลาดนั้นไม่สามารถอ่านพินคุณสมบัติที่ไม่ได้กำหนด

151
00:08:34,780 --> 00:08:37,980
และเหตุผลก็คือวัตถุนี้ที่นี่

152
00:08:37,980 --> 00:08:40,310
ตอนนี้ไม่ได้กำหนดใช่ไหม

153
00:08:40,310 --> 00:08:44,920
เพราะไม่พบบัญชีสำหรับชื่อผู้ใช้นี้

154
00:08:44,920 --> 00:08:47,660
ดังนั้นวิธีการค้นหาดังนั้นอันนี้ที่นี่

155
00:08:47,660 --> 00:08:52,043
จะส่งคืนที่ไม่ได้กำหนดหากไม่มีองค์ประกอบตรงกับเงื่อนไขนี้

156
00:08:52,890 --> 00:08:55,680
นั่นคือสิ่งที่เราไม่เคยเห็นมาก่อน

157
00:08:55,680 --> 00:08:57,810
และนั่นคือเหตุผลที่ฉันแสดงสิ่งนี้ให้คุณ

158
00:08:57,810 --> 00:09:01,050
แต่อย่างไรก็ตามเราจะแก้ปัญหานี้ได้อย่างไร?

159
00:09:01,050 --> 00:09:04,130
สิ่งแรกที่อาจเข้ามาในใจ

160
00:09:04,130 --> 00:09:08,020
คือการตรวจสอบว่ามีบัญชีปัจจุบันอยู่หรือไม่

161
00:09:08,020 --> 00:09:10,740
เช่นนี้โอเค

162
00:09:10,740 --> 00:09:12,680
ดังนั้นสิ่งนี้จะแก้ไขปัญหา

163
00:09:12,680 --> 00:09:16,180
แต่เราทำได้ดีกว่านี้เพราะเราเรียนรู้ไปแล้ว

164
00:09:16,180 --> 00:09:19,643
เกี่ยวกับสิ่งที่เรียกว่าการผูกมัดตัวเลือกจำได้ไหม?

165
00:09:20,740 --> 00:09:24,650
ดังนั้นเราจึงสามารถทำสิ่งนี้ได้จากนั้นคุณสมบัติพินนี้

166
00:09:24,650 --> 00:09:27,880
จะถูกอ่านในกรณีที่บัญชีปัจจุบัน

167
00:09:27,880 --> 00:09:31,800
ที่นี่มีอยู่จริงจำได้ไหม?

168
00:09:31,800 --> 00:09:36,070
และนี่คือง่ายขึ้นและสง่างามมากขึ้น

169
00:09:36,070 --> 00:09:37,203
ลองมาดูกันเถอะ

170
00:09:39,690 --> 00:09:41,370
และตอนนี้ไม่มีอะไรเกิดขึ้น

171
00:09:41,370 --> 00:09:44,890
ดังนั้นไม่มีข้อผิดพลาดสิ่งที่เราได้รับที่นี่คือสิ่งที่ไม่ได้กำหนด

172
00:09:44,890 --> 00:09:48,800
เพราะใช่บัญชีนี้ไม่มีอยู่จริง

173
00:09:48,800 --> 00:09:50,623
แต่แน่นอนว่าไม่ใช่ปัญหา

174
00:09:51,730 --> 00:09:55,530
โอเค แต่ตอนนี้ในกรณีที่บัญชีมีอยู่จริง

175
00:09:55,530 --> 00:09:58,433
และพินนั้นถูกต้องเราควรทำอย่างไร?

176
00:09:59,330 --> 00:10:02,480
มาดูแผนภูมิการไหลของเราที่นี่

177
00:10:02,480 --> 00:10:04,630
ดังนั้นนี่คือส่วนที่เราตรวจสอบแล้ว

178
00:10:04,630 --> 00:10:08,720
ดังนั้นถ้าเรามีข้อมูลประจำตัวที่ถูกต้องใช่ไหม?

179
00:10:08,720 --> 00:10:12,553
และถ้าใช่เราควรแสดง DUI

180
00:10:12,553 --> 00:10:14,580
และข้อความต้อนรับ

181
00:10:14,580 --> 00:10:16,793
ดังนั้นเรามาเขียนที่นี่ในสคริปต์ของเรา

182
00:10:18,010 --> 00:10:18,913
ใส่ไว้ที่นี่

183
00:10:22,540 --> 00:10:25,450
ดังนั้นฉันชอบที่จะวางแผนว่าฉันกำลังทำอะไรอยู่

184
00:10:25,450 --> 00:10:27,290
ที่นี่โดยใช้ความคิดเห็น

185
00:10:27,290 --> 00:10:31,443
แสดง UI และข้อความต้อนรับ

186
00:10:35,250 --> 00:10:39,720
ต่อไปเราควรแสดงและคำนวณยอดคงเหลือ

187
00:10:39,720 --> 00:10:41,210
จากนั้นก็เหมือนกันกับบทสรุป

188
00:10:41,210 --> 00:10:43,990
และเช่นเดียวกันกับการเคลื่อนไหว

189
00:10:43,990 --> 00:10:47,460
โอเคส่วนนี้ที่นี่เราจะออกจากส่วนถัดไป

190
00:10:47,460 --> 00:10:49,560
เกี่ยวกับตัวจับเวลา

191
00:10:49,560 --> 00:10:52,523
โอเคแสดงยอดคงเหลือสรุปและการเคลื่อนไหว

192
00:10:59,410 --> 00:11:01,123
ดังนั้นแสดงการเคลื่อนไหว

193
00:11:02,600 --> 00:11:07,600
แสดงยอดคงเหลือแสดงการแสดงผล

194
00:11:10,540 --> 00:11:12,960
และเริ่มต้นด้วยข้อความที่นี่

195
00:11:12,960 --> 00:11:14,913
นั่นคือองค์ประกอบนี้ที่นี่

196
00:11:15,790 --> 00:11:19,233
ดังนั้นให้ฉันตรวจสอบว่า

197
00:11:21,220 --> 00:11:24,780
ดังนั้นมันเป็นย่อหน้านี้ที่นี่เรียกว่า Welcome

198
00:11:24,780 --> 00:11:28,800
และเช่นเคยฉันได้เลือกแล้ว

199
00:11:28,800 --> 00:11:33,800
ดังนั้นจึงเป็นฉลากดังนั้นอาจเรียกว่า Label Welcome

200
00:11:34,750 --> 00:11:37,520
ฉลากจริง ๆ แล้วนี่คือ

201
00:11:37,520 --> 00:11:41,523
labelwelcome.TextContent เช่นเคย

202
00:11:42,610 --> 00:11:45,270
แล้วที่นี่เราจะเขียนยินดีต้อนรับกลับ

203
00:11:45,270 --> 00:11:47,170
จากนั้นชื่อแรกของบุคคล

204
00:11:48,250 --> 00:11:53,250
ยินดีต้อนรับกลับมาแล้วเจ้าของบัญชีปัจจุบัน

205
00:11:54,210 --> 00:11:57,670
นั่นคือบัญชีปัจจุบันเจ้าของ

206
00:11:57,670 --> 00:11:59,840
แล้วคำแรกเท่านั้น

207
00:11:59,840 --> 00:12:02,260
แล้วเราจะทำอย่างไร?

208
00:12:02,260 --> 00:12:04,683
เราใช้เพื่อนที่ดีของเราแยก

209
00:12:06,020 --> 00:12:07,920
และเราแยกมันออกเป็นพื้นที่

210
00:12:07,920 --> 00:12:10,970
อย่างที่ฉันพูดเราใช้สิ่งนี้ตลอดเวลา

211
00:12:10,970 --> 00:12:13,230
จากนั้นจากอาร์เรย์ที่เกิดขึ้น

212
00:12:13,230 --> 00:12:17,150
เราเพียงแค่ใช้องค์ประกอบแรกเช่นนี้

213
00:12:17,150 --> 00:12:21,010
โอเคนี่แสดงข้อความ

214
00:12:21,010 --> 00:12:23,410
และตอนนี้เกี่ยวกับการแสดง DUI

215
00:12:23,410 --> 00:12:26,320
จำไว้ว่าในตอนแรกเราตั้งค่าความทึบ

216
00:12:26,320 --> 00:12:31,320
ที่นี่จากศูนย์โดยทั่วไปกลับไปที่ 100 ซึ่งเป็นค่าเริ่มต้น

217
00:12:31,900 --> 00:12:35,200
ดังนั้นโดยปกติความทึบแสงที่นี่อยู่ที่ศูนย์

218
00:12:35,200 --> 00:12:37,160
และตอนนี้เมื่อเราล็อคผู้ใช้ใน

219
00:12:37,160 --> 00:12:40,613
เราตั้งค่าความทึบนี้ที่นี่เป็น 100

220
00:12:41,670 --> 00:12:45,193
ดังนั้นเมื่อเราบันทึกสิ่งนี้ตอนนี้มันจะหายไป

221
00:12:46,980 --> 00:12:51,860
และตอนนี้สิ่งที่เราจะทำคือแอพคอนเทนเนอร์

222
00:12:51,860 --> 00:12:54,360
ฉันคิดว่าใช่

223
00:12:54,360 --> 00:12:58,490
ดังนั้นแอพคอนเทนเนอร์จึงเป็นองค์ประกอบที่เราเลือกไว้ก่อนหน้านี้

224
00:12:58,490 --> 00:13:00,343
ซึ่งมีคลาสแอพนี้

225
00:13:01,920 --> 00:13:04,070
โอเคองค์ประกอบนี้

226
00:13:04,070 --> 00:13:08,160
เราจะจัดการกับสไตล์และโดยเฉพาะอย่างยิ่ง

227
00:13:08,160 --> 00:13:09,633
สไตล์ความทึบ

228
00:13:11,180 --> 00:13:14,040
ตอนนี้โปรดจำไว้ว่าฉันพูดในโครงการอื่นอย่างไร

229
00:13:14,040 --> 00:13:17,410
มันเป็นการดีที่จะใช้คลาสนี้หรือไม่?

230
00:13:17,410 --> 00:13:20,870
โอเค แต่ในกรณีนี้มันเป็นเพียงสไตล์เดียว

231
00:13:20,870 --> 00:13:24,650
ดังนั้นจึงไม่ใช่งานใหญ่ที่จะทำแบบนี้

232
00:13:24,650 --> 00:13:27,063
ตอนนี้เรามาทดสอบกันเถอะ

233
00:13:28,430 --> 00:13:30,943
ดังนั้น JS และพินของฉัน

234
00:13:31,930 --> 00:13:35,060
และแน่นอนว่าเราได้รับข้อความของเราที่นี่

235
00:13:35,060 --> 00:13:38,583
และเรายังได้รับทุกอย่างที่นี่ตอนนี้กลับมามองเห็น

236
00:13:39,680 --> 00:13:44,100
และเจสสิก้าเดวิสตอนนี้ซึ่งมีสอง, สอง, สอง, สอง, สอง

237
00:13:44,100 --> 00:13:46,223
และตอนนี้เราก็ยังได้รับเจสสิก้า

238
00:13:47,320 --> 00:13:51,000
ตอนนี้อย่างที่คุณเห็นยอดคงเหลือเหล่านี้และการเคลื่อนไหวเหล่านี้ที่นี่

239
00:13:51,000 --> 00:13:56,000
พวกเขาทั้งหมดยังคงเป็นรหัสยากจากสิ่งที่เราได้กลับมาที่นี่

240
00:13:56,520 --> 00:13:59,700
ดังนั้นที่นี่เราเรียกว่า Calc Display Summary

241
00:13:59,700 --> 00:14:02,410
และความสมดุลและการเคลื่อนไหว

242
00:14:02,410 --> 00:14:06,020
แต่ตอนนี้เราต้องการทำอย่างนั้นไม่ใช่ที่นี่ แต่จริงๆแล้วข้างใน

243
00:14:06,020 --> 00:14:07,483
ของฟังก์ชั่นการเข้าสู่ระบบ

244
00:14:08,360 --> 00:14:09,993
ลองลบทั้งหมดนี้กันเถอะ

245
00:14:11,670 --> 00:14:15,170
อีกครั้งเพราะเราไม่ต้องการเรียกฟังก์ชั่นเหล่านี้

246
00:14:15,170 --> 00:14:18,030
ในตอนแรกเมื่อสคริปต์ของเราถูกโหลด

247
00:14:18,030 --> 00:14:21,020
เราต้องการคำนวณและแสดงยอดคงเหลือเท่านั้น

248
00:14:21,020 --> 00:14:23,070
และการเคลื่อนไหวและบทสรุป

249
00:14:23,070 --> 00:14:25,420
และทันทีที่เราได้รับข้อมูล

250
00:14:25,420 --> 00:14:27,670
ที่เราต้องการแสดงใช่ไหม

251
00:14:27,670 --> 00:14:28,593
ที่สมเหตุสมผล

252
00:14:30,660 --> 00:14:32,773
ดังนั้นเรามาลบทั้งหมดกันเถอะ

253
00:14:33,900 --> 00:14:35,893
และทำที่นี่จริง

254
00:14:39,540 --> 00:14:42,493
ดังนั้นแสดงการเคลื่อนไหว

255
00:14:44,040 --> 00:14:49,040
แล้วมันก็คือ currentaccount.movements ใช่ไหม?

256
00:14:52,060 --> 00:14:54,300
และนั่นเป็นเพราะวิธีนี้ที่นี่

257
00:14:54,300 --> 00:14:56,010
หรือจริง ๆ แล้วฟังก์ชั่นนี้ที่นี่

258
00:14:56,010 --> 00:14:58,580
มันคาดว่าจะมีการโต้แย้งการเคลื่อนไหว

259
00:14:58,580 --> 00:15:00,220
และในขณะที่เราวางชื่อฟังก์ชั่นนี้

260
00:15:00,220 --> 00:15:04,470
รหัส VS นั้นฉลาดมากที่มันแสดงให้เราเห็นที่นี่

261
00:15:04,470 --> 00:15:07,210
และจากนั้นเราจะเห็นสิ่งที่เราต้องการทันที

262
00:15:07,210 --> 00:15:09,300
เพื่อส่งผ่านไปยังฟังก์ชั่น

263
00:15:09,300 --> 00:15:10,773
นั่นก็มีประโยชน์จริงๆ

264
00:15:11,700 --> 00:15:14,100
จากนั้นก็เหมือนกันกับความสมดุล

265
00:15:14,100 --> 00:15:18,173
ดังนั้นแสดงหรือคำนวณยอดคงเหลือการแสดงผลจริง

266
00:15:19,250 --> 00:15:20,463
และอีกครั้ง

267
00:15:21,300 --> 00:15:24,120
มาวางตัวที่นี่เพื่อให้แน่ใจว่าเราต้องการอะไร

268
00:15:24,120 --> 00:15:25,270
และมันคือการเคลื่อนไหว

269
00:15:26,570 --> 00:15:30,743
เพื่อให้ข้อมูลถูกเก็บไว้ใน CurrentAccount.Movements

270
00:15:33,290 --> 00:15:35,323
และในที่สุดก็สรุป

271
00:15:36,210 --> 00:15:40,170
ดังนั้นสรุปการแสดงผล CALL

272
00:15:40,170 --> 00:15:42,723
และอีกครั้งเราจะต้องมีการเคลื่อนไหว

273
00:15:43,790 --> 00:15:48,530
เพื่อให้ข้อมูลอยู่ใน CurrentAct.Movements

274
00:15:48,530 --> 00:15:51,410
เอาล่ะตอนนี้เราจะต้องกลับมาที่ฟังก์ชั่นนี้

275
00:15:51,410 --> 00:15:53,970
ที่นี่ในตอนท้ายของการบรรยายครั้งนี้

276
00:15:53,970 --> 00:15:55,870
แต่ตอนนี้เรามาทิ้งไว้แบบนี้กันเถอะ

277
00:15:56,820 --> 00:16:00,063
และเข้าสู่ระบบอีกครั้งก่อนอื่นกับโจนัส

278
00:16:01,490 --> 00:16:05,440
และนี่คือข้อมูลที่เราเคยเห็นมาแล้ว

279
00:16:05,440 --> 00:16:08,090
ค่าสมดุลนี้และการเคลื่อนไหวนี้ที่นี่

280
00:16:08,090 --> 00:16:11,070
เพราะเรามักจะพิมพ์ค่าเหล่านี้

281
00:16:11,070 --> 00:16:13,320
ที่นี่ใช้บัญชีนั้น

282
00:16:13,320 --> 00:16:16,640
แต่ตอนนี้เมื่อเราเข้าสู่ระบบเจสสิก้าเดวิส

283
00:16:16,640 --> 00:16:18,960
คุณจะเห็นว่าค่าเหล่านี้ที่นี่

284
00:16:18,960 --> 00:16:21,060
ทั้งหมดจะเปลี่ยนแปลงตามนั้น

285
00:16:21,060 --> 00:16:23,713
มาดูกันแล้วใช่

286
00:16:24,860 --> 00:16:26,580
นั่นเยี่ยมมาก

287
00:16:26,580 --> 00:16:28,690
ตอนนี้เราได้รับค่าเหล่านี้ทั้งหมด

288
00:16:28,690 --> 00:16:31,010
ดังนั้นข้อมูลนี้ที่นี่แบบไดนามิก

289
00:16:31,010 --> 00:16:33,900
จริงๆจากวัตถุบัญชีเอง

290
00:16:33,900 --> 00:16:36,660
ดังนั้นเราจึงมีการเคลื่อนไหวทั้งหมดของเธอ

291
00:16:36,660 --> 00:16:40,760
เราคำนวณสถิติหรือบทสรุปทั้งหมดเหล่านี้

292
00:16:40,760 --> 00:16:42,860
และแน่นอนความสมดุล

293
00:16:42,860 --> 00:16:45,973
ตอนนี้เกี่ยวกับบัญชีนี้จริงๆ

294
00:16:46,920 --> 00:16:48,023
และเรามีมากขึ้น

295
00:16:49,630 --> 00:16:50,910
มาลองสตีเว่นที่นี่

296
00:16:50,910 --> 00:16:53,150
ดังนั้น Steven Thomas Williams

297
00:16:53,150 --> 00:16:54,993
ด้วยพินสามสามสามสาม

298
00:16:56,830 --> 00:17:01,530
และสิ่งนี้ทำให้ UI ของเราสับสนที่นี่

299
00:17:01,530 --> 00:17:03,113
เนื่องจากการคำนวณนี้

300
00:17:05,050 --> 00:17:07,970
ดังนั้นสตีเว่นมียอดคงเหลือ 10 ยูโรเท่านั้น

301
00:17:07,970 --> 00:17:10,173
และในที่สุดเราสามารถลอง Sarah Smith

302
00:17:13,740 --> 00:17:15,220
และอีกครั้ง

303
00:17:15,220 --> 00:17:17,743
เราเห็นการเคลื่อนไหวที่แตกต่างกันทั้งหมดของเธอที่นี่

304
00:17:18,810 --> 00:17:21,390
และใช่นี่เยี่ยมมาก

305
00:17:21,390 --> 00:17:24,883
ดังนั้นตอนนี้ใช้งานได้จริงขึ้นอยู่กับข้อมูลของผู้ใช้

306
00:17:26,200 --> 00:17:27,763
กลับมาที่นี่กันเถอะ

307
00:17:30,400 --> 00:17:33,280
ดังนั้นสิ่งที่ฉันต้องการทำต่อไปคือในขณะที่เราเข้าสู่ระบบ

308
00:17:33,280 --> 00:17:35,683
กำจัดข้อมูลนี้ที่นี่ด้วย

309
00:17:37,060 --> 00:17:40,530
โอเคดังนั้นโดยทั่วไปแล้วการล้างสองฟิลด์นี้

310
00:17:40,530 --> 00:17:43,570
และเมื่อเราเข้าสู่ระบบเช่นนี้

311
00:17:43,570 --> 00:17:46,423
ฉันไม่ต้องการให้ฟิลด์นี้ที่นี่เพื่อสูญเสียโฟกัส

312
00:17:48,720 --> 00:17:51,283
ก่อนหน้านี้มาก่อน

313
00:17:55,230 --> 00:17:57,920
ดังนั้นให้ล้างฟิลด์อินพุต

314
00:17:57,920 --> 00:18:00,180
และเราก็รู้อยู่แล้วว่าฟิลด์

315
00:18:00,180 --> 00:18:04,730
ชื่อผู้ใช้เข้าสู่ระบบอินพุตหรือไม่

316
00:18:04,730 --> 00:18:07,630
ซึ่งเราต้องการตั้งค่าเป็นสตริงเปล่า

317
00:18:07,630 --> 00:18:10,210
และจากนั้นก็อินพุตพินเข้าสู่ระบบ

318
00:18:10,210 --> 00:18:12,033
และเราสามารถทำได้เช่นนี้

319
00:18:13,600 --> 00:18:16,600
PIN เข้าสู่ระบบยังตั้งค่าให้เท่ากัน

320
00:18:16,600 --> 00:18:20,280
เพราะผู้ประกอบการที่ได้รับมอบหมายทำงานจากขวาไปซ้าย

321
00:18:20,280 --> 00:18:25,280
ดังนั้นมันจะเริ่มต้นที่นี่กำหนดเท่ากับฟิลด์นี้ที่นี่

322
00:18:26,010 --> 00:18:28,500
จากนั้นนี่จะกลายเป็นสตริงที่ว่างเปล่า

323
00:18:28,500 --> 00:18:31,733
ดังนั้นสตริงที่ว่างเปล่าจะถูกกำหนดให้กับอันนี้

324
00:18:32,700 --> 00:18:36,183
เราเพิ่งพลาดค่าจุดที่นี่

325
00:18:37,720 --> 00:18:40,970
มิฉะนั้นเราจะตั้งค่าองค์ประกอบทั้งหมดเป็นว่างเปล่า

326
00:18:40,970 --> 00:18:43,173
สตริงฉันใช่มั้ย?

327
00:18:44,470 --> 00:18:46,653
ดังนั้น js หนึ่ง, หนึ่ง, หนึ่ง, หนึ่ง

328
00:18:48,020 --> 00:18:50,830
โอเคและตอนนี้สิ่งนี้เกิดขึ้นสิ่งที่ฉันพูดถึง

329
00:18:50,830 --> 00:18:54,870
ก่อนหน้านี้คือฟิลด์นี้ที่นี่ยังคงมีโฟกัสนี้อยู่

330
00:18:54,870 --> 00:18:57,490
ดังนั้นเราจึงสามารถเห็นเคอร์เซอร์ที่กระพริบ

331
00:18:57,490 --> 00:19:00,970
และนั่นก็น่าเกลียดนิดหน่อย

332
00:19:00,970 --> 00:19:02,850
และในสาขานั้น

333
00:19:02,850 --> 00:19:05,850
ดังนั้นอินพุตเข้าสู่ระบบพิน

334
00:19:05,850 --> 00:19:09,570
เราสามารถใช้ฟังก์ชั่นหรือวิธีการเบลอนี้

335
00:19:09,570 --> 00:19:12,300
ดังนั้นเพียงแค่เรียกเบลอและเพื่อให้จะทำให้

336
00:19:12,300 --> 00:19:14,993
เพื่อให้สนามนี้สูญเสียการโฟกัส

337
00:19:18,070 --> 00:19:20,603
ดังนั้นคุณจะเห็นตอนนี้มันดูดีมาก

338
00:19:21,490 --> 00:19:22,870
และตอนนี้ก็จบ

339
00:19:22,870 --> 00:19:26,630
เราต้องกลับมาที่ฟังก์ชั่นนี้ที่นี่

340
00:19:26,630 --> 00:19:28,680
เช่นเดียวกับที่ฉันพูดถึงก่อนหน้านี้

341
00:19:28,680 --> 00:19:31,653
ดังนั้น Calc Display สรุปแล้วไปที่นั่นกันเถอะ

342
00:19:33,240 --> 00:19:35,810
ดังนั้นอันนี้ที่นี่

343
00:19:35,810 --> 00:19:38,440
และอย่างที่คุณเห็นเราคำนวณดอกเบี้ย

344
00:19:38,440 --> 00:19:42,600
ใช้อัตรา 1.2 นี้ใช่ไหม

345
00:19:42,600 --> 00:19:44,690
ตอนนี้สำหรับบัญชีทั้งหมด

346
00:19:44,690 --> 00:19:47,270
ตอนนี้อัตราดอกเบี้ยถูกคำนวณโดยใช้

347
00:19:47,270 --> 00:19:49,650
อัตราดอกเบี้ย 1.2 นี้

348
00:19:49,650 --> 00:19:52,690
อย่างไรก็ตามในขณะที่เราดูบัญชี

349
00:19:52,690 --> 00:19:56,000
แต่ละคนมีอัตราดอกเบี้ยที่แตกต่างกัน

350
00:19:56,000 --> 00:20:00,430
ดังนั้นอันนี้มี 1.2 แต่อันนี้มี 1.5

351
00:20:00,430 --> 00:20:04,710
และอันนี้มีน้อยกว่าดังนั้นจึงได้รับความสนใจน้อยลง

352
00:20:04,710 --> 00:20:08,830
และแน่นอนว่าตอนนี้เรายังต้องการใช้แบบไดนามิก

353
00:20:08,830 --> 00:20:12,830
อัตราดอกเบี้ยนี้ขึ้นอยู่กับผู้ใช้ปัจจุบันใช่ไหม

354
00:20:12,830 --> 00:20:13,883
ที่สมเหตุสมผล

355
00:20:14,780 --> 00:20:19,510
ดังนั้นเราต้องปรับเปลี่ยนฟังก์ชั่นนี้ที่นี่เล็กน้อย

356
00:20:19,510 --> 00:20:22,920
และเพื่อให้สามารถเข้าถึงข้อมูลนั้นได้

357
00:20:22,920 --> 00:20:24,540
ดังนั้นอัตราดอกเบี้ยนั้น

358
00:20:24,540 --> 00:20:27,260
ตอนนี้เราต้องการมากกว่าการเคลื่อนไหว

359
00:20:27,260 --> 00:20:31,200
แทนที่จะเป็นการเคลื่อนไหวเราต้องการตอนนี้บัญชีทั้งหมด

360
00:20:31,200 --> 00:20:34,460
เพราะเราสามารถทำการเคลื่อนไหวจากบัญชีได้

361
00:20:34,460 --> 00:20:36,470
และอัตราดอกเบี้ย

362
00:20:36,470 --> 00:20:40,520
เอาล่ะอีกครั้งตอนนี้เราจะเปลี่ยนฟังก์ชั่นนี้

363
00:20:40,520 --> 00:20:42,930
และผ่านในบัญชีทั้งหมด

364
00:20:42,930 --> 00:20:45,280
และไม่ใช่แค่อาร์เรย์การเคลื่อนไหว

365
00:20:45,280 --> 00:20:48,090
จากนั้นจากที่นั่นเราจะสามารถรับได้

366
00:20:48,090 --> 00:20:50,430
การเคลื่อนไหวที่เราต้องคำนวณ

367
00:20:50,430 --> 00:20:52,500
สถิติทั้งสามนี้ที่นี่

368
00:20:52,500 --> 00:20:55,723
และจากนั้นอัตราดอกเบี้ยที่เรามีที่นี่

369
00:20:57,930 --> 00:21:00,863
ดังนั้นบัญชีขอเรียกมันว่า

370
00:21:01,710 --> 00:21:05,543
หรือลองโทรหา ACC อีกครั้ง

371
00:21:07,260 --> 00:21:09,540
ดังนั้นที่นี่ตอนนี้เราต้องทำการเคลื่อนไหว

372
00:21:09,540 --> 00:21:13,023
จากบัญชีนั้นเหมือนกันที่นี่และที่นี่

373
00:21:14,810 --> 00:21:19,330
เอาล่ะและตอนนี้ที่นี่แทนที่จะเป็นอัตราคงที่ 1.2 นี้

374
00:21:19,330 --> 00:21:20,970
เราใช้ acc.interestrate

375
00:21:24,580 --> 00:21:27,153
อยู่ในนั้นไม่เป็นไร

376
00:21:28,320 --> 00:21:31,660
มาดูกันว่าทุกอย่างยังใช้งานได้หรือไม่

377
00:21:31,660 --> 00:21:34,290
และมาดูกับสตีเวน

378
00:21:34,290 --> 00:21:38,063
นั่นคือ STW และสามสามสามสามสาม

379
00:21:39,110 --> 00:21:42,333
และคุณจะเห็นว่าตอนนี้ UI ของเราไม่สับสนอีกต่อไป

380
00:21:43,220 --> 00:21:46,620
อ่า แต่แน่นอนว่าเราลืมโทรไป

381
00:21:46,620 --> 00:21:48,510
ฟังก์ชั่นนี้ที่นี่อย่างถูกต้อง

382
00:21:48,510 --> 00:21:50,560
นั่นอาจเป็นเหตุผลว่าทำไมเราถึงได้ข้อผิดพลาดนี้

383
00:21:52,850 --> 00:21:56,610
ใช่แล้ว

384
00:21:56,610 --> 00:21:59,540
ดังนั้นที่นี่เรายังคงเรียกฟังก์ชันนี้

385
00:21:59,540 --> 00:22:01,073
เฉพาะกับอาร์เรย์การเคลื่อนไหว

386
00:22:02,130 --> 00:22:05,600
ดังนั้นเราจำเป็นต้องส่งผ่านในบัญชีทั้งหมดแทน

387
00:22:05,600 --> 00:22:09,033
เพราะอย่างที่คุณเห็นตอนนี้เราต้องการบัญชีที่นี่

388
00:22:10,260 --> 00:22:11,557
ลองอีกครั้ง tw, tw,

389
00:22:18,180 --> 00:22:20,480
และตอนนี้เราได้รับความสนใจอย่างถูกต้อง

390
00:22:20,480 --> 00:22:23,520
และบางทีคุณอาจจำได้ว่าก่อนที่มันจะแตกต่างกัน

391
00:22:23,520 --> 00:22:26,740
มันเป็นจำนวนที่ยาวที่บ้าคลั่งที่มีศูนย์จำนวนมาก

392
00:22:26,740 --> 00:22:29,393
ซึ่งทำให้อินเทอร์เฟซผู้ใช้ของเราสับสนที่นี่

393
00:22:30,840 --> 00:22:34,270
ดังนั้นนี่หมายความว่าตอนนี้กำลังคำนวณ

394
00:22:34,270 --> 00:22:36,550
แตกต่างกันสำหรับผู้ใช้แต่ละคน

395
00:22:36,550 --> 00:22:39,860
ตามอัตราดอกเบี้ยเฉพาะของพวกเขาเอง

396
00:22:39,860 --> 00:22:43,850
เยี่ยมมากและด้วยสิ่งนี้เราได้ดำเนินงานทั้งหมด

397
00:22:43,850 --> 00:22:47,630
ที่เรามีในแผนภูมิการไหลของเราสำหรับฟังก์ชั่นนี้

398
00:22:47,630 --> 00:22:49,350
และในทางปฏิบัติสิ่งนี้หมายถึงอะไร

399
00:22:49,350 --> 00:22:52,350
นั่นเป็นครั้งแรกที่เราสร้างข้อมูลทั้งหมดนี้

400
00:22:52,350 --> 00:22:55,330
ที่เราเห็นที่นี่ในแอปพลิเคชันของเราแบบไดนามิก

401
00:22:55,330 --> 00:22:58,963
ดังนั้นขึ้นอยู่กับว่าผู้ใช้คนใดกำลังเข้าสู่ระบบ

402
00:23:00,720 --> 00:23:02,880
มาดูกันว่ามีการเปลี่ยนแปลงอีกครั้ง

403
00:23:02,880 --> 00:23:04,837
มาลองพินผิดที่นี่

404
00:23:04,837 --> 00:23:06,940
และตอนนี้ไม่มีอะไรเกิดขึ้น

405
00:23:06,940 --> 00:23:10,330
และแน่นอนว่าตอนนี้เราสามารถซ่อนอินเทอร์เฟซผู้ใช้ได้

406
00:23:10,330 --> 00:23:12,290
และแสดงข้อความแสดงข้อผิดพลาด

407
00:23:12,290 --> 00:23:14,130
แต่ฉันต้องการให้มันง่ายที่นี่

408
00:23:14,130 --> 00:23:16,610
ดังนั้นนี่เป็นเพียงแอปพลิเคชั่นการเรียนรู้ที่เรียบง่าย

409
00:23:16,610 --> 00:23:19,670
ดังนั้นเราไม่จำเป็นต้องยุ่งกับสิ่งเหล่านั้นทั้งหมด

410
00:23:19,670 --> 00:23:23,470
สิ่งที่สำคัญคือเวอร์ชันที่ถูกต้องในตอนนี้

411
00:23:23,470 --> 00:23:25,120
และด้วยพินที่ถูกต้อง

412
00:23:25,120 --> 00:23:27,130
ตอนนี้เมื่อคุณเห็นข้อมูลเปลี่ยนไปที่นี่

413
00:23:27,130 --> 00:23:29,113
กลับไปที่บัญชี Jonas นี้

414
00:23:30,230 --> 00:23:32,190
ยอดเยี่ยมมาก

415
00:23:32,190 --> 00:23:34,340
นั่นเป็นความก้าวหน้าที่ยอดเยี่ยมจริงๆ

416
00:23:34,340 --> 00:23:38,550
ขอแสดงความยินดีที่ทำให้มันไกลขนาดนี้ในส่วนนี้

417
00:23:38,550 --> 00:23:42,100
ฉันรู้ว่ามีอะไรให้เรียนรู้มากมายและต้องทำอะไรมากมาย

418
00:23:42,100 --> 00:23:46,000
แต่ฉันหวังว่าการบรรยายครั้งนี้ก็ชัดเจนสำหรับคุณ

419
00:23:46,000 --> 00:23:48,110
ทุกอย่างทำงานที่นี่ได้อย่างไร

420
00:23:48,110 --> 00:23:51,210
และเพียงแค่สรุปอย่างชัดเจนส่วนที่สำคัญที่สุด

421
00:23:51,210 --> 00:23:55,420
นี่คือการใช้วิธีการค้นหานี้ที่นี่

422
00:23:55,420 --> 00:23:59,070
และรู้ว่านี่เป็นวิธีที่ถูกต้องสำหรับงาน

423
00:23:59,070 --> 00:24:01,640
ดังนั้นอาจวิเคราะห์บรรทัดนี้ที่นี่เล็กน้อย

424
00:24:01,640 --> 00:24:04,430
แล้วดูว่าเกิดอะไรขึ้นที่นี่

425
00:24:04,430 --> 00:24:07,493
นอกจากนี้การใช้งานที่ดีของการผูกมัดเสริม

426
00:24:08,340 --> 00:24:11,620
จากนั้นเราก็พร้อมที่จะใช้คุณสมบัติต่อไปของเรา

427
00:24:11,620 --> 00:24:14,010
เราแค่จะโอนเงิน

428
00:24:14,010 --> 00:24:16,193
จากผู้ใช้คนหนึ่งไปยังอีกคนหนึ่ง